.custom-tabs {
    --van-tabs-bottom-bar-height: 8px;
    color: white;
    /* height: 44px; */
}

.custom-tabs .van-tabs__nav {
    background: linear-gradient(to bottom, rgb(24, 162, 165), rgb(78, 206, 167));
    border-radius: 10px 10px 0 0;
}

.custom-tabs .van-tabs__line {
    display: none;
}

.custom-tabs .van-tab {
    font-weight: 400;
    font-size: 14px;
    color: white;
}

.custom-tabs .van-tab--active {
    font-weight: 400;
    font-size: 14px;
    background: linear-gradient(to bottom, #FFFFFF,#F3F9F8)  !important;
    border-radius: 10px 10px 0 0;
    color: #222;
}

.custom-tabs .van-tab--active::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 29px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(to right, rgb(24, 162, 165), rgb(78, 206, 167));
}

/* 实现显示全部文字 */
.custom-tabs2 {
    --van-tabs-bottom-bar-height: 8px;
    color: white;
    /* height: 44px; */  
}

.custom-tabs2 .van-tabs__nav {
    background: linear-gradient(to bottom, rgb(24, 162, 165), rgb(78, 206, 167));
    border-radius: 10px 10px 0 0;
}

.custom-tabs2 .van-tabs__line {
    display: none;
}

.custom-tabs2 .van-tab {
    font-weight: 400;
    font-size: 14px;
    color: white;
}

.custom-tabs2 .van-tab--active {
    font-weight: 400;
    font-size: 14px;
    background: linear-gradient(to bottom, #FFFFFF,#F3F9F8)  !important;
    border-radius: 10px 10px 0 0;
    color: #222;
}

.custom-tabs2 .van-tab--active::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    width: 29px;
    height: 4px;
    border-radius: 10px;
    background: linear-gradient(to right, rgb(24, 162, 165), rgb(78, 206, 167));
}

.custom-tabs2 .van-tabs__wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }